<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
			body{
				background-color: blue;
			}
		.logindiv{
			width:550px;
			height:530px;
			background-color: white;
			margin:0 auto;
			margin-top: 50px;/*让边框离顶部远一点*/
			padding-top: 30px;/*调整顶部内边距*/
			text-align: center;
		}
		.loginInput{
			width: 426px;
			height: 55px;
			border-radius: 5px;
			border:1px solid darkgray;
			margin-bottom: 13px;
			padding-left: 30px;/*左侧内边距*/
			background-color: transparent;/*文本框背景色透明*/
			margin-left: -25px;
		}
		.loginBtn{
			width: 453px;
			height: 55px;
			background-color: #FF6B4D;
			color: white;
            font-size:20px;
			border-radius: ;
			border:none;
		}
		.thirdLogin{
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.logpic{
			margin-left: 20px;
		}
		</style>
	</head>
	<body>
		<div class="logindiv">
			<!-- 这是放logo -->
			<div style="text-align: center;">
				<img src="img/tit.png" width="270px"/>
			</div>
			<h2>毕业设计管理系统</h2>
			<div>
				<img src="img/user.png"/><input class="loginInput"type="text" placeholder="请输入用户名"/>
				<br>
				<img src="img/password.png"/><input class="loginInput" type="password" placeholder="请输入密码"/>
			<br>
			<input class="loginBtn" type="submit" value="登录">
			</div>
			<!-- 这里放第三方登录 -->
			<div class="thirdLogin">
				<img class="logpic"src="img/weixin.png"/>
				<img class="logpic"src="img/qq.png"/>
				<img class="logpic"src="img/weibo.png"/>
			</div>
			<div style="font-size: 12px">
				技术支持：太原工业学院 王主任
				<br>
				开发者：宋书记
			</div>
		</div>
	</body>
</html>